<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="异新U 异新u Linux,Windows服务器维护;网站开发;LAMP服务器维护,湖南服务器维护网,专业linux服务器维护,centos redhat ubuntu windows服务器维护,湖南IT外包公司,服务项目" />
<meta name="description" content="异新U 异新u面向中小企业和个人提供专业IT外包服务，包括服务器、工作站软件维护、硬件检测服务。windows，linux,centos系统包年维护。湖南服务器维护网。,湖南服务器维护网-湖南地区专业的linux服务器维护商" />
<!--作者：向露  Email:158026647597@139.com  QQ:316686606-->
    <link rel="stylesheet" type="text/css" href="http://www.yixinu.com/skis/templates/include/newCascadeStyleSheet.css" />
    <script type="text/javascript" src="http://www.yixinu.com/skis/templates/include/newjavascript.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<title>专业服务器维护 网站建设 Linux服务器维护 企业局域网建设 企业级邮件系统建设 异新U 湖南地区</title>
</head>
<body>
    <div class="h20 top1"></div>
    <div class="header1" id="header1" >
        <div class="logo1"><a href="#"><img src="http://www.yixinu.com/skis/templates/include/yxu-logo.png" /></a></div>
        <div class="channel1 h40" id="channel1">
            <ul class="channel2">
                <li><a href="http://www.yixinu.com/">首页</a></li>
                                <li><a id="19"  href="/content/19.html">服务项目</a></li>
                                <li><a id="23"  href="/channel/23.html">技术文档</a></li>
                                <li><a id="32"  href="/channel/32.html">wiki</a></li>
                                <li><a id="30"  href="/content/30.html">关于我们</a></li>
                            </ul>
        </div>
    </div>
    <div class="h10"></div>
    <div class="h140"><div class="w990 content_sty1">Our Servers</div></div>
    <div class="h10"></div>
<div class="content2" id="content2">
    <div class="w70"><p><font class="myfont2">百度UEditor-完整版的部署与体验</font></p><br /><div class="h110"></div><br /><div class="article"><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><strong><span style="font-size:14px">一、官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：</span></strong></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;_examples</span><span style="font-size:14px">：编辑器完整版的示例页面</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;dialogs</span><span style="font-size:14px">：弹出对话框对应的资源和JS文件</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;themes</span><span style="font-size:14px">：样式图片和样式文件</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;php/jsp/.net</span><span style="font-size:14px">：涉及到服务器端操作的后台文件，根据你选择的不同后台版本，这里也会不同，这里应该是jsp,php,.net</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;third-party</span><span style="font-size:14px">：第三方插件(包括代码高亮，源码编辑等组件）</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;editor_all.js</span><span style="font-size:14px">：_src目录下所有文件的打包文件</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;editor_all_min.js</span><span style="font-size:14px">：editor_all.js文件的压缩版，建议在正式部署时才采用</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp;editor_config.js</span><span style="font-size:14px">：编辑器的配置文件，建议和编辑器实例化页面置于同一目录</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"><br /></span><strong><span style="font-size:14px">二、部署UEditor到实际项目（UETest）中的步骤:</span></strong></p><p style="text-align:left;line-height:1.75em;margin-top:5px;margin-bottom:5px;"><img title="bushu1.jpg" src="/myweb/ueditor/php/upload/50721354719995.jpg" border="0" hspace="0" /></p><p style="text-align:left;line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;图表 </span><span style="font-size:14px">1</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">第一步：在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录，此处在项目根目录下建立，起名为ueditor。</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> </span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">第二步：拷贝源码包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夹中。其中，除了ueditor目录之外的其余文件均为具体项目文件，此处所列仅供示例。</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"><br /></span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">第三步：为简单起见，此处将以根目录下的index.php页面作为编辑器的实例化页面，用来展示UEditor的完整版效果。在index.php文件中，首先导入编辑器需要的三个入口文件，示例代码如下：<br /></span></p><div><pre>&lt;metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"&gt; 
&lt;title&gt;编辑器完整版实例&lt;/title&gt; 
&lt;scripttype="text/javascript"src="ueditor/editor_config.js"&gt;&lt;/script&gt; 
&lt;scripttype="text/javascript"src="ueditor/editor_all.js"&gt;&lt;/script&gt; </pre></div><p><br /></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">第四步：然后在index.php文件中创建编辑器实例及其DOM容器。具体代码示例如下：</span></p><div><pre>&lt;textareaname="后台取值的key"id="myEditor"&gt;这里写你的初始化内容&lt;/textarea&gt; 
&lt;scripttype="text/javascript"&gt; 
    var editor = new UE.ui.Editor(); 
    editor.render("myEditor"); 
    //1.2.4以后可以使用一下代码实例化编辑器
    //UE.getEditor('myEditor')
&lt;/script&gt; </pre></div><p><br /></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">最后一步： 在/UETest/ueditor/ editor_config.js中查找URL变量配置编辑器在你项目中的路径。</span><br /></p><div><pre>//强烈推荐以这种方式进行绝对路径配置 
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";</pre></div><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">至此，一个完整的编辑器实例就已经部署到咱们的项目中了！在浏览器中输入</span><a href="http://localhost/UETest" target="_self"><span style="font-size:14px">http://localhost/UETest</span></a><span style="font-size:14px"> 运行下试试UE强大的功能吧！</span><span style="font-size:14px"> </span><br /></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"><br /></span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><strong><span style="font-size:14px">三、注意事项</span></strong></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">1.在引用editor_config.js时，最好先于editor_all.js加载，否则特定情况下可能会出现报错。</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px"> </span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">2.若希望给</span>编辑器<span style="font-size:14px">赋初值，请参考“</span><strong><span style="font-size:14px">前后端数据交互</span></strong><strong style="margin:0px 0px 0.2em;padding:0px;border:0px;outline:0px;background-color:#ffffff;word-wrap:break-word;display:inline !important;color:#333333;font-family:&#39;lucida grande&#39;, verdana, arial, &#39;bitstream vera sans&#39;, sans-serif;font-size:12px;line-height:18.200000762939453px;"><span style="font-size:14px">”</span></strong></p><p style="white-space:normal"><br /></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">3. 需要注意的是编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用&quot;相对于网站根目录的相对路径&quot;进行配置。&quot;相对于网站根目录的相对路径&quot;也就是以斜杠开头的形如&quot;/UETest/ueditor/&quot;这样的路径。</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">此外如果你使用的是相对路径,例如&quot;ueditor/&quot;(相对于图表1路径结构)，</span><span style="font-size:14px">如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，可能不适用于每个页面的编辑器。因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">当然，需要令此处的URL等于对应的配置。window.UEDITOR_HOME_URL =&quot;/xxxx/xxxx/&quot;;</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><strong><span style="font-size:14px">例如</span></strong><span style="font-size:14px">：根据<em>图表1</em>的目录结构</span></p><p style="line-height:1.75em;margin-top:5px;margin-bottom:5px;"><span style="font-size:14px">如果你在index.php里使用编辑器，那么在editor_config.js里最上边的var URL就改成 &nbsp; var URL = &quot;<span style="font-size:14px">/UETest/ueditor/</span>&quot;</span></p></div><p><br /></p></div>
    <div class="w28">
    <div class="w100">
    <div class="channel_title1"><div class="channel_title1_b2"><img src="http://www.yixinu.com/skis/templates/include/yxu-ico.png" /></div><div class="channel_title1_b1">最近文档</div></div>
    <div class="channel4">
        <ul>
                        <li><a href="/readarticle/23/artid/23.html" title="三层网络结构">三层网络结构</a></li>
                        <li><a href="/readarticle/23/artid/22.html" title="网络虚拟化以不变应万变，应对企业园区网新挑战">网络虚拟化以不变应万变，...</a></li>
                        <li><a href="/readarticle/32/artid/21.html" title="25个必须记住的SSH命令，你用过了吗？">25个必须记住的SSH命...</a></li>
                        <li><a href="/readarticle/32/artid/20.html" title="为何用/usr/bin/env">为何用/usr/bin/env</a></li>
                        <li><a href="/readarticle/23/artid/19.html" title="数据中心发展史：1960年到2010年">数据中心发展史：1960...</a></li>
                        <li><a href="/readarticle/23/artid/18.html" title="浅谈开源世界的未来">浅谈开源世界的未来</a></li>
                        <li><a href="/readarticle/23/artid/17.html" title="从网购到火车票，浅析淘宝和12306的技术架构">从网购到火车票，浅析淘宝...</a></li>
                        <li><a href="/readarticle/23/artid/16.html" title="一个程序员对职业生涯的思考">一个程序员对职业生涯的思考</a></li>
                        <li><a href="/readarticle/23/artid/15.html" title="MySQL创立者：云计算必须建立在开源之上">MySQL创立者：云计算...</a></li>
                        <li><a href="/readarticle/23/artid/14.html" title="WordPress如何管理94个国家的员工？">WordPress如何管...</a></li>
                    </ul>
    </div>
</div>        <div class="w100">
    <div class="h40 w100"></div>
    <div class="channel_title1"><div class="channel_title1_b2"><img src="http://www.yixinu.com/skis/templates/include/yxu-ico.png" /></div><div class="channel_title1_b1">联系我们</div></div>
    <div class="channel4">
        <ul>
            <li>异新U : <a  class="myfont1" href="http://www.yixinu.com">www.yixinu.com</a></li><li>联系电话 : <font class="myfont1">15802647597</font></li><li>联系电话 : <font class="myfont1">18684694187</font></li><li>QQ : 316686606</li><li>邮箱 : <font class="myfont1">15802647597@139.com</font></li>
        </ul>
    </div>
</div>    </div>
</div>
    <!--footer-->
    <div class="footer2"></div>
    <div class="footer" id="footer">
        <div class="footer4 w100"></div>
        <div class="h40 w990 footer3">友情链接</div>
        <div class="footer_channel">
            <LI><A target="_blank" href="http://tech.sina.com.cn/">新浪科技</A></LI>
            <LI><A target="_blank" href="http://tech.qq.com/">腾讯科技</A></LI>
            <LI><A target="_blank" href="http://tech.163.com/"><FONT color=#ff1111>网易科技</FONT></A></LI>
            <li><a target="_blank" href="http://www.51cto.com/">51cto</a></li>
            <li><a target="_blank" href="http://www.chinaunix.net/">unix技术网</a></li>
            <LI><A target="_blank" href="http://tech.ifeng.com/">凤凰科技</A></LI>
            <LI><A target="_blank" href="http://www.ciweekly.com/">互联网周刊</A></LI>
            <LI><A target="_blank" href="http://www.mydrivers.com/">驱动之家</A></LI>
            <LI><A target="_blank" href="http://www.iresearch.cn/">艾瑞网</A></LI>
            <LI><A target="_blank" href="http://www.chinaz.com/">站长之家</A></LI>
            <LI><A target="_blank" href="http://bbs.yhcgo.com/">皇朝软件</A></LI>
            <LI><A target="_blank" href="http://www.cnmo.com/">手机中国</A></LI>
            <LI><A target="_blank" href="http://www.hiapk.com/">安卓网</A></LI>
            <LI><A target="_blank" href="http://www.cet.com.cn/">中国经济新闻网 </A></LI>
            <LI><A target="_blank" href="http://www.kejixun.com/">科技讯</A></LI>
        </div>
        
        <script type="text/javascript">setwidth();var var1=new Array('23','31');</script>
        <script type="text/javascript" src="http://www.yixinu.com/skis/templates/include/newjavascript1.js"></script>
<script src="http://s19.cnzz.com/stat.php?id=4871335&web_id=4871335&show=pic" language="JavaScript"></script>
    </div>
</body>
</html>